<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<html>
<head>
<meta charset="UTF-8">
<title>收银界面</title>
<link rel="stylesheet"
	href="/static/js/plugins/jquery-easyui/themes/bootstrap/easyui.css">
<!--引入easyui图标样式-->
<link rel="stylesheet"
	href="/static/js/plugins/jquery-easyui/themes/icon.css">
<!--引入easyui依赖的jquery程序库-->
<script src="/static/js/plugins/jquery-easyui/jquery.min.js"></script>
<!--引入easyui的程序库-->
<script src="/static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>
<script
	src="/static/js/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/static/js/system/cashier.js"></script>
<style>
input {
	width: 60px;
	height: 25px;
	border: 0 none;
	outline: none;
}
.input_wrapper{
  overflow: hidden;
  margin-bottom: 8px;
}
.rt {
	float: right;
	border: 1px solid #00F;
	width: 100px;
}
</style>
</head>
<body>
	<div id="layout" class="easyui-layout" fit="true">
		<div data-options="region:'west'" style="width: 300px">
			<!-- 表格顶部工具栏 -->
			<div id="tb_sale">
				<a href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-add',plain:true" data-cmd="add">增加</a>
				<a href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-edit',plain:true" data-cmd="reduce">减少</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true"
					data-cmd="remove">删除</a> <a href="#" class="easyui-linkbutton"
					data-options="plain:true" data-cmd="number">数量</a>
			</div>
			<!-- 结算dialog -->
			<div id="pay_dialog">

				<form method="post" id="pay_form"
					style="padding: 40px 0px 0px 30px;" >					
				<input type="hidden" name="member.id" class="easyui-textbox">
				<input type="hidden" name="discountAmount" id="discountAmount" class="easyui-textbox">
				<input type="hidden" name="totalNumber" id="totalNumber" class="easyui-textbox">
					<table style="border-collapse: separate; border-spacing: 10px">
						<tr>
							销售时间 :
							<span id="clock"></span>
						</tr>
						<!-- 商品清单 -->
						<tr>
							<div id="sale_list" style="width: 320px"></div>
						</tr>
						<tr></tr>
						<tr></tr>
						<tr></tr>
						<tr>
							<td>会员:</td>
							<td><input class="easyui-textbox" name="name"
								id="memberName"></td>
						</tr>
						<tr>
							<td>余额:</td>
							<td><input class="easyui-textbox" name="balance" id=""></td>
						</tr>
						<tr>
							<td>合计: ¥</td>
							<td><input class="easyui-textbox" name="totalAmount"
								id="amount"></td>
						</tr>
						<tr>
							<td>折扣:</td> &nbsp;&nbsp;&nbsp;
							<td><input class="easyui-textbox" name="discount" value="10"
								id="discount"
								style="width: 25px; padding: 0px 0px 0px 0px; border-right-width: 0px;"><font
								size="2">0%</font></td>
						</tr>
						<tr>
							<td>应收:</td> &nbsp;&nbsp;&nbsp;
							<td><input class="easyui-textbox" name="receivables"
								id="true_amount"></td>
						</tr>
						<tr>
							<td>收款类型:</td> &nbsp;&nbsp;&nbsp;
							
							<!-- 从数字字典中... -->
							<td><input id="paykind" class="easyui-combobox" style="width:'300px';height:'25px'"
								data-options="valueField: 'id',
								textField: 'name',url:'/dataItems/queryItemsBySn?sn=payType',
								panelHeight:'auto'" />
								
							</td>
						</tr>
					</table>
				</form>
			</div>
			<!-- 结算dialog底部按钮 -->
			<div id="bb">
				<a href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-filter',plain:true"
					data-cmd="loadMemberList">选择会员</a> <a href="#"
					class="easyui-linkbutton"
					data-options="iconCls:'icon-edit_add',plain:true"
					data-cmd="payForm">结算</a>
			</div>
		</div>
		<!-- 选项卡 -->
		<div id="massage_tabs"></div>
		<div data-options="region:'center'" fit="tru0e">
			<!-- 表格顶部工具栏 -->
			<div id="tb">
				<input class="easyui-textbox" name="keyword" id="keyword"
					style="width: 150px" prompt="按照名字或编码查询"> &nbsp; <input
					id="productType" name="productType" value="么么哒"> <a
					href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-search',plain:true" data-cmd="query">查询</a>
				&nbsp;&nbsp;&nbsp;<span class="rt"><a href="/">后台主页 </a></span>
				&nbsp;<span class="rt"><input id="">用户</span>
			</div>
			<!-- 可售商品 -->
			<table id="product_onSelf_datagrid"></table>
		</div>
		<!-- 选择会员 -->
		<div id="member_dialog">
			<table id="member_datagrid"></table>
		</div>
		<!-- 选择会员底部按钮 -->
		<div id="bb_selectMember">
			<a href="#" class="easyui-linkbutton"
				data-options="iconCls:'icon-save',plain:true" data-cmd="select">选择</a>
			<a href="#" class="easyui-linkbutton"
				data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancel">取消</a>
		</div>
	</div>
</body>
</html>